<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="css/mui.min.css" rel="stylesheet" type="text/css" />
		<script src="js/mui.min.js" type="text/javascript"></script>
		<script src="js/vue.min.js" type="text/javascript"></script>
		<title>攻略   test</title>
		<style type="text/css">
			.title{}
			.title ul{padding: 10px;background-color: whitesmoke;}
			.title ul li{display: inline-block;list-style: none;width: 24%;}
			.mui-icon-arrowdown:before {content: '\e581';font-size: 18px;color: #ccc;}
			.title ul li a{font-size: 16px;color: #323232;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">攻略</h1>
		</header>
		<div class="mui-content">
		    <div class="title">
		    	<ul>
		    		<li class="mui-col-xs-3"><a href="javascript:void(0);">攻略</a><span class="mui-icon mui-icon mui-icon-arrowdown"></span></li>
		    		<li class="mui-col-xs-3"><a href="javascript:void(0);">全部标签</a><span class="mui-icon mui-icon mui-icon-arrowdown"></span></li>
		    		<li class="mui-col-xs-3"><a href="javascript:void(0);">月份不限</a><span class="mui-icon mui-icon mui-icon-arrowdown"></span></li>
		    		<li class="mui-col-xs-3"><a href="javascript:void(0)">天数不限</a><span class="mui-icon mui-icon mui-icon-arrowdown"></span></li>
		    	</ul>
		    </div>
		</div>
	
	</body>
</html>
